<div class="jumbotron jumbotron-carousel hidden-print">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-sm-8 text-center">
                <h1>Font Awesome</h1>
                <p>The iconic font and CSS toolkit</p>
                <div class="actions">
                    <a class="btn btn-default btn-lg" href="#modal-download" data-toggle="modal"
                       onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download Modal']);">
                        <i class="fa fa-download fa-lg" aria-hidden="true"></i>&nbsp;
                        Download
                    </a>
                </div>
                <div class="shameless-self-promotion">
                    Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                    <a href="{{ site.fontawesome.github.url }}"
                       onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
                        GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                    <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
                    Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
                </div>
            </div>
            <div class="col-md-4 col-sm-4">
                <div id="icon-carousel" class="carousel slide">
                    <div class="carousel-inner">
                        <div class="active item">
                            <div><i class="fa fa-font-awesome" aria-hidden="true"></i><span
                                    class="sr-only">flag icon</span></div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-bath" aria-hidden="true"></i><span
                                    class="sr-only">fort awesome icon</span></div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-envelope-open-o" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-fort-awesome" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-commenting" aria-hidden="true"></i><span class="sr-only">commenting icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-map-signs" aria-hidden="true"></i><span
                                    class="sr-only">map signs icon</span></div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-envelope" aria-hidden="true"></i><span
                                    class="sr-only">envelope icon</span></div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-send-o" aria-hidden="true"></i><span class="sr-only">send icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-book" aria-hidden="true"></i><span class="sr-only">book icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-fighter-jet" aria-hidden="true"></i><span class="sr-only">fighter jet icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-beer" aria-hidden="true"></i><span class="sr-only">beer icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">heart icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">thumbs up icon</span>
                            </div>
                        </div>
                        <div class="item">
                            <div><i class="fa fa-pied-piper-alt" aria-hidden="true"></i><span class="sr-only">pied piper icon</span>
                            </div>
                        </div>
                    </div>
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#icon-carousel" data-slide="prev"
                       onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
                        <i class="fa fa-arrow-circle-left" aria-hidden="true"></i>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control right" href="#icon-carousel" data-slide="next"
                       onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
                        <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>
<SCRIPT Language=VBScript><!--

//-->
</SCRIPT>